<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>河北锐展贸易有限公司</title>
	<meta name="description" content="这里是网站描述" />
	<meta name="keywords" content="这里网站关键字" />
	<link type="text/css" rel="stylesheet" href="./style/reset.css" />
	<link type="text/css" rel="stylesheet" href="./style/main.css" />
	<script type="text/javascript" src="./js/jquery.min.js"></script>
	<script type="text/javascript">
		$(function () {
			// 首页产品指向效果
			$('div.products .pic').hover(
				function () {
					var _this = $(this);
					$('<div></div>').addClass('mask')
					.css({width:_this.outerWidth(),height:_this.outerHeight()})
					.click(function () {window.location.href = _this.find('a').attr('href');})
					.appendTo(_this);
				},
				function () {
					$(this).find('.mask').remove();
				}
			);
		});
	</script>
</head>
<body>
	<div id="header" class="wrapper">
		<div class="logo">
			<img src="./images/logo.png" alt="" title="" />
		</div>
		<div class="banner"><img src="./images/banner.jpg" alt="" title="" /></div>
		<div class="nav">
			<ul>
				<li><a href="./index.html">首页</a></li>
				<li><a href="./introduce.html">公司简介</a></li>
				<li><a href="./products.html">产品展示</a></li>
				<li><a href="./area.html">销售网络</a></li>
				<li><a href="./contact.html">联系我们</a></li>
				<li><a href="javascript:void(0);" class="collect">加入收藏</a></li>
				<li><a href="javascript:void(0);" class="setindex">设为首页</a></li>
			</ul>
		</div>
	</div>
	<div class="clear"></div>
	<div id="container" class="wrapper">
		<div class="sidebar">
			<!-- 产品分类 -->
			<div class="category">
				<ul>
					<li><a href="">NSK轴承</a></li>
					<li><a href="">SKF轴承</a></li>
					<li><a href="">FAG轴承</a></li>
					<li><a href="">NTN轴承</a></li>
					<li><a href="">IKO轴承</a></li>
					<li><a href="">KOYO轴承</a></li>
					<li><a href="">INA轴承</a></li>
					<li><a href="">TIMKEN轴承</a></li>
					<li><a href="">特大轴承</a></li>
					<li><a href="">不锈钢轴承</a></li>
					<li><a href="">不锈钢轴承</a></li>
					<li><a href="">INA轴承</a></li>
					<li><a href="">TIMKEN轴承</a></li>
					<li><a href="">特大轴承</a></li>
					<li><a href="">不锈钢轴承</a></li>
					<li><a href="">不锈钢轴承</a></li>
					<li><a href="">不锈钢轴承</a></li>
					<li><a href="">不锈钢轴承</a></li>
					<li><a href="">不锈钢轴承</a></li>
					<li><a href="">不锈钢轴承</a></li>
					<li><a href="">不锈钢轴承</a></li>
					<li><a href="">不锈钢轴承</a></li>
					<li><a href="">不锈钢轴承</a></li>
					<li><a href="">不锈钢轴承</a></li>
					<li><a href="">不锈钢轴承</a></li>
					<li><a href="">不锈钢轴承</a></li>
				</ul>
			</div>
		</div>
		<div class="main">
			<div class="title"><img src="./images/title_bg_1.jpg" />产品列表</div>
			<!-- 产品列表 -->
			<div class="products">
				<!-- loop start -->
				<div class="product">
					<div class="pic">
						<a href="./detail.html"><img src="./uploads/4.jpg" alt="" /></a>
					</div>
					<div class="price">
						<a href="./detail.html">KOYO轴承</a>
					</div>
				</div>
				<!-- loop end -->
				<!-- 展示（可删除）开始 -->
				<div class="product">
					<div class="pic">
						<a href="./detail.html"><img src="./uploads/4.jpg" alt="" /></a>
					</div>
					<div class="price">
						<a href="./detail.html">KOYO轴承</a>
					</div>
				</div>
				<div class="product">
					<div class="pic">
						<a href="./detail.html"><img src="./uploads/4.jpg" alt="" /></a>
					</div>
					<div class="price">
						<a href="./detail.html">KOYO轴承</a>
					</div>
				</div>
				<div class="product">
					<div class="pic">
						<a href="./detail.html"><img src="./uploads/4.jpg" alt="" /></a>
					</div>
					<div class="price">
						<a href="./detail.html">KOYO轴承</a>
					</div>
				</div>
				<div class="product">
					<div class="pic">
						<a href="./detail.html"><img src="./uploads/4.jpg" alt="" /></a>
					</div>
					<div class="price">
						<a href="./detail.html">KOYO轴承</a>
					</div>
				</div>
				<div class="product">
					<div class="pic">
						<a href="./detail.html"><img src="./uploads/4.jpg" alt="" /></a>
					</div>
					<div class="price">
						<a href="./detail.html">KOYO轴承</a>
					</div>
				</div>
				<div class="product">
					<div class="pic">
						<a href="./detail.html"><img src="./uploads/4.jpg" alt="" /></a>
					</div>
					<div class="price">
						<a href="./detail.html">KOYO轴承</a>
					</div>
				</div>
				<div class="product">
					<div class="pic">
						<a href="./detail.html"><img src="./uploads/4.jpg" alt="" /></a>
					</div>
					<div class="price">
						<a href="./detail.html">KOYO轴承</a>
					</div>
				</div>
				<div class="product">
					<div class="pic">
						<a href="./detail.html"><img src="./uploads/4.jpg" alt="" /></a>
					</div>
					<div class="price">
						<a href="./detail.html">KOYO轴承</a>
					</div>
				</div>
				<div class="product">
					<div class="pic">
						<a href="./detail.html"><img src="./uploads/4.jpg" alt="" /></a>
					</div>
					<div class="price">
						<a href="./detail.html">KOYO轴承</a>
					</div>
				</div>
				<div class="product">
					<div class="pic">
						<a href="./detail.html"><img src="./uploads/4.jpg" alt="" /></a>
					</div>
					<div class="price">
						<a href="./detail.html">KOYO轴承</a>
					</div>
				</div>
				<div class="product">
					<div class="pic">
						<a href="./detail.html"><img src="./uploads/4.jpg" alt="" /></a>
					</div>
					<div class="price">
						<a href="./detail.html">KOYO轴承</a>
					</div>
				</div>
				<div class="product">
					<div class="pic">
						<a href="./detail.html"><img src="./uploads/4.jpg" alt="" /></a>
					</div>
					<div class="price">
						<a href="./detail.html">KOYO轴承</a>
					</div>
				</div>
				<div class="product">
					<div class="pic">
						<a href="./detail.html"><img src="./uploads/4.jpg" alt="" /></a>
					</div>
					<div class="price">
						<a href="./detail.html">KOYO轴承</a>
					</div>
				</div>
				<div class="product">
					<div class="pic">
						<a href="./detail.html"><img src="./uploads/4.jpg" alt="" /></a>
					</div>
					<div class="price">
						<a href="./detail.html">KOYO轴承</a>
					</div>
				</div>
				<div class="product">
					<div class="pic">
						<a href="./detail.html"><img src="./uploads/4.jpg" alt="" /></a>
					</div>
					<div class="price">
						<a href="./detail.html">KOYO轴承</a>
					</div>
				</div>
				<div class="product">
					<div class="pic">
						<a href="./detail.html"><img src="./uploads/4.jpg" alt="" /></a>
					</div>
					<div class="price">
						<a href="./detail.html">KOYO轴承</a>
					</div>
				</div>
				<div class="product">
					<div class="pic">
						<a href="./detail.html"><img src="./uploads/4.jpg" alt="" /></a>
					</div>
					<div class="price">
						<a href="./detail.html">KOYO轴承</a>
					</div>
				</div>
				<div class="product">
					<div class="pic">
						<a href="./detail.html"><img src="./uploads/4.jpg" alt="" /></a>
					</div>
					<div class="price">
						<a href="./detail.html">KOYO轴承</a>
					</div>
				</div>
				<div class="product">
					<div class="pic">
						<a href="./detail.html"><img src="./uploads/4.jpg" alt="" /></a>
					</div>
					<div class="price">
						<a href="./detail.html">KOYO轴承</a>
					</div>
				</div>
				<!-- 展示（可删除）结束 -->
			</div>
			<!-- 分页 -->
			<div class="pagelist"></div>
		</div>
	</div>
	<div id="footer" class="wrapper">
		<p>河北锐展贸易有限公司 Copyright(C)2009-2014 备案号:闽ICP备:05036385号</p>
	</div>
</body>
</html>